/* General Styling */
.root {
    -fx-font-family: 'Arial';
    -fx-background-color: #F9FAFB; /* Light gray background */
}

/* Header Styling */
.header {
    -fx-background-color: #69CAA6; /* Green header */
}
.profile_banner:hover{
    -fx-cursor: hand;
}
.main_body{
    -fx-background-color:#F7F9FC;
}

.delete_button{
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    -fx-background-radius: 38px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.15), 3, 0, 0, 2);
    -fx-cursor: hand;
    -fx-background-color: #BB0000; /* dark Red */
}

.delete_button:disabled{
    -fx-background-color: #E0E0E0; /* Gray */
    -fx-text-fill: #999999; /* Light gray text */
    -fx-cursor: default;
}
/* Welcome Text Styling */
.welcome-text {
    -fx-font-family: Zen Kaku Gothic Antique;
    -fx-font-size: 32px;
    -fx-font-weight: 400;
    -fx-line-height: 92.67px;
    -fx-text-align: left;
    -fx-text-underline-position: from-font;
    -fx-text-decoration-skip-ink: none;
    -fx-text-fill: #333333; /* Dark gray */
    -fx-padding: 20 0 10 20; /* Top, Right, Bottom, Left */
}

/* Recent Items Section */
.recent-items {
    -fx-background-color: #FFFFFF; /* White card */
    -fx-border-color: #E0E0E0; /* Light gray border */
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 0, 2);
}
.sub-title{
    -fx-font-family: Zen Kaku Gothic Antique;
    -fx-font-size: 26px;
    -fx-text-align: left;
    -fx-text-underline-position: from-font;
    -fx-text-decoration-skip-ink: none;

}
.item {
    -fx-background-color: #F9FAFB; /* Light gray */
    -fx-border-color: #E0E0E0; /* Light gray border */
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
}

.item-label {
    -fx-font-family: Zen Kaku Gothic Antique;
    -fx-font-size: 26px;
    -fx-text-align: left;
    -fx-text-underline-position: from-font;
    -fx-text-decoration-skip-ink: none;
}
.item-label-count{
    -fx-font-family: Zen Kaku Gothic Antique;
    -fx-font-size: 16px;
    -fx-font-weight: 400;
    -fx-text-align: left;
    -fx-text-underline-position: from-font;
    -fx-text-decoration-skip-ink: none;
}
.item-label-date{
    -fx-font-family: Zen Kaku Gothic Antique;
    -fx-font-size: 16px;
    -fx-font-weight: 400;
    -fx-text-align: left;
    -fx-text-underline-position: from-font;
    -fx-text-decoration-skip-ink: none;
}

.item-details {
    -fx-font-size: 14px;
    -fx-text-fill: #666666; /* Medium gray */
}

/* Button Styling */
.button {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    -fx-background-color: #18A661; /* Green */
    -fx-background-radius: 38px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.15), 3, 0, 0, 2);
    -fx-cursor: hand;
}

.button:disabled {
    -fx-background-color: #E0E0E0; /* Gray */
    -fx-text-fill: #999999; /* Light gray text */
    -fx-cursor: default;
}

/* Confirm All Button */
.confirm-all {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: #18A661; /* Green */
    -fx-border-color: #18A661; /* Green border */
    -fx-border-width: 1px;
    -fx-background-color: transparent;
    -fx-cursor: hand;
}

.confirm-all:hover {
    -fx-background-color: #18A661; /* Green hover */
    -fx-text-fill: white;
}

/* Profile Icon */
.profile-icon {
    -fx-background-color: #CCCCCC; /* Light gray circle */
    -fx-background-radius: 50%;
    -fx-min-width: 50px;
    -fx-min-height: 50px;
    -fx-max-width: 50px;
    -fx-max-height: 50px;
}

/* Scroll Bar */
.scroll-pane .scroll-bar:vertical {
    -fx-background-color: #E0E0E0;
}

.scroll-pane .scroll-bar .thumb {
    -fx-background-color: #CCCCCC;
}

/* View Items Button */
.view-items-button {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    -fx-background-color: #333333; /* Dark gray background */
    -fx-background-radius: 5px; /* Rounded corners */
    -fx-padding: 12px 24px; /* Padding */
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 0, 2);
    -fx-cursor: hand;
}

.view-items-button:hover {
    -fx-background-color: #444444; /* Slightly lighter gray on hover */
}

.main_listView{
    -fx-background-color:#FFFFFF;
}
.list-cell {
    -fx-background-color:#FFFFFF;
    -fx-border-color:#CACACA;
    -fx-border-width: 0.5px;

    -fx-alignment: center;
    -fx-font-size: 14px;

}
.list-view .list-cell:focused {

}

/* Remove selection highlight */
.list-view .list-cell:selected {
    -fx-background-color: #18A661; /* Slightly lighter gray on hover */
}


/* Side menu background */
#sideMenu {
    -fx-background-color: #F7F9FC;
}

/* Menu item text */
.menu-label {
    -fx-font-size: 18px;
    -fx-background-color:#FFFFFF;
    -fx-text-fill: #000000;
    -fx-border-color: #00000055;
    -fx-border-width: 0.5px;
}
.menu-label:hover {
    -fx-background-color: #EEEEEE;
    -fx-cursor: hand;/* Slightly lighter gray on hover */
}

.menu-label:disabled {
    -fx-background-color: #EFEFEF;
    -fx-cursor: hand;/* Slightly lighter gray on hover */
}

.request-view-title-label{
-fx-font-family: Zen Kaku Gothic Antique;
-fx-font-size: 30px;
}

.request-view-date-label{
-fx-font-family: Zen Kaku Gothic Antique;
-fx-font-size: 15px;
}

.hover-hand:hover{
    -fx-cursor: hand;
}

.detail_request-main_body{
-fx-background-color:#e8eaed;
}
.list_cell_view_item_button:hover {
    -fx-cursor: hand;/* Slightly lighter gray on hover */
}
.google-login-pane {
    -fx-background-color: #4285F4; /* Google Blue */
    -fx-background-radius: 20px; /* Rounded corners for the pane */
    -fx-border-radius: 20px; /* Border rounding to match the background */
    -fx-padding: 5px; /* Optional padding for spacing inside the button */
}

.google-login-pane HBox {
    -fx-alignment: center;
    -fx-spacing: 10px;
}

.google-login-pane Label {
    -fx-text-fill: white; /* White text color */
    -fx-font-size: 14px; /* Adjust font size */
    -fx-font-weight: bold; /* Optional, for bold text */
}
.login-button {
    -fx-background-color: black; /* Black background */
    -fx-text-fill: white; /* White text */
    -fx-background-radius: 5px; /* Rounded corners */
    -fx-font-size: 14px; /* Font size */
    -fx-font-weight: bold; /* Bold text */
    -fx-padding: 10px; /* Optional padding */
    -fx-border-width: 0; /* Remove border */
}


.annotation-rectangle {
    -fx-background-color: transparent;
    -fx-border-color: red;
     -fx-border-width: 1;
}

.annotation-rectangle:hover {
    -fx-background-color: rgba(255, 0, 0, 0.5);
}

